<template>
  <div>
    <div class="d_content">
      <div class="btn1" @click="downIos"></div>
      <div class="btn2" @click="downAndro"></div>
    </div>
  </div>
</template>
<script>
export default {
  name: "index",
  data() {
    return {};
  },
  methods: {
    downIos() {
      window.location.href =
        "https://itunes.apple.com/app/id1410540307?l=zh&ls=1&mt=8";
    },
    downAndro() {
      window.location.href =
        "http://akrs.gov.cn/leaf6-eps-1.0.1/download/android";
    }
  },
  created() {
    if (this.util.judgePhnoe("isiOS")) {
      window.location.href =
        "https://itunes.apple.com/app/id1410540307?l=zh&ls=1&mt=8";
    } else if (this.util.judgePhnoe("isAndroid")) {
      window.location.href =
        "http://akrs.gov.cn/leaf6-eps-1.0.1/download/android";
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.d_content {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../../assets/images/bg_download.png") no-repeat;
  background-size: 100% 100%;
}
.d_content > div {
  width: 80%;
  height: 50px;
}
.btn1 {
  background: url("../../assets/images/btn-ios.png") no-repeat;
  background-size: 100% 100%;
  position: fixed;
  bottom: 100px;
  left: 10%;
}
.btn2 {
  background: url("../../assets/images/btn-andro.png") no-repeat;
  background-size: 100% 100%;
  position: fixed;
  bottom: 20px;
  left: 10%;
}
</style>
